<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>重庆泰山建筑工程施工图审查有限责任公司</title>
		<link rel="icon" href="img/tai.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/mixins.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/variables.css"/>
		<link rel="stylesheet" type="text/css" href="css/about-TaiSan-main.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript"> 
			function changeTab(tabCon_num){
			for(i=0;i<=1;i++) { 
			 document.getElementById("tabCon_"+i).style.display="none"; //将所有的层都隐藏 
			 } 
			 document.getElementById("tabCon_"+tabCon_num).style.display="block";//显示当前层 
			} 
		</script>
	</head>
	<body>
		<!--顶部导航栏开始-->
		<div class="top-in">
			<div class="content">
				<div class="welcom">
					<a href="javascript:;">欢迎您访问泰山审图!</a>
				</div>
				<div class="top-inlist">
					<a href="javascript:;">信息平台</a><span>|</span>
					<a href="javascript:;">企业邮箱</a><span>|</span>
					<a href="javascript:;">加入收藏</a>
				</div>
			</div>
		</div>
		<!--顶部导航栏结束-->
		<!--搜索栏开始-->
		<div class="top-on">
			<div class="content">
				<div class="logo-box">
					<div class="logo">
						<a href="javscript:;">
							<img src="img/logo1.png" />
							<div class="company-name">
								<span class="Ch-name">重庆泰山建筑工程施工图审查有限责任公司</span>
								<span class="En-name">CHONGQING TAISAN CONSTRUCTION ENGINEERING DRAWINGS CENSORED CO.,LTD</span>
							</div>
						</a>
						<form id="search-form" action="" method="post">
							<input id="search-text" type="text" value="" placeholder="请输入关键字"/>
							<select name="item" id="items">
								<option value="项目" selected="selected">项目</option>
								<option value="资讯">资讯</option>
							</select>
							<button id="search-btn" type="submit" ><i class="fa fa-search" aria-hidden="true"></i></button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--搜索栏结束-->
		<!--导航条部分开始-->
		<div class="nav">
			<div class="content">
				<ul class="nav-list">
					<li>
						<a href="deafult.html">首页</a>
					</li>
					<li>
						<a href="about-TaiSan.html">关于泰山</a>
						<ul class="about-list">
							<div class="first">
								<li><a href="about-TaiSan.html">总经理致辞</a></li>
								<li><a href="about-TaiSan.html">企业文化</a></li>
								<li><a href="about-TaiSan.html">资质荣誉</a></li>
								<li><a href="about-TaiSan.html">公司简介</a></li>
							</div>
						</ul>
					</li>
					<li>
						<a href="news.html">新闻资讯</a>
						<ul class="news-list">
							<div class="first">
								<li><a href="news.html">新闻动态</a></li>
								<li><a href="news.html">通知公告</a></li>
								<li><a href="news.html">政策法规</a></li>
							</div>
						</ul>
					</li>
					<li>
						<a href="project.html">项目展示</a>
						<ul class="objshow-list">
							<div class="first">
								<li><a href="project.html">代表项目</a></li>
								<li><a href="project.html">获奖项目</a></li>
								<li><a href="project.html">技术优势</a></li>
								<li><a href="project.html">经典案例</a></li>
							</div>
						</ul>
					</li>
					<li>
						<a href="recruit.html">诚聘英才</a>
						<ul class="recruit-list">
							<div class="first">
								<li><a href="recruit.html">加入我们</a></li>
								<li><a href="recruit.html">部门简介</a></li>
								<li><a href="recruit.html">员工活动</a></li>
							</div>
						</ul>
					</li>
					<li>
						<a href="tel-us.html">联系我们</a>
						<ul class="contact-list">
							<div class="first">
								<li><a href="tel-us.html">在线留言</a></li>
								<li><a href="tel-us.html">联系方式</a></li>
							</div>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<!--导航条部分结束-->
		<!--banner开始-->
		<div class="banner">
			<ul>
				<li><img src="img/banner1.jpg"/></li>
				<li><img src="img/banner2.jpg"/></li>
			</ul>
		</div>
		<!--banner结束-->
		<!--主体内容开始-->
		<div class="content">
			<div class="main" id="tanContainer">
				<div class="left-list" id="tab">
					<div class="left-title">联系我们</div>
					<div class="left-content">
						<ul>
							<li class="current" onclick="changeTab('0')"><a href="javascript:;"><i class="fa fa-caret-right" aria-hidden="true"></i>在线留言</a></li>
							<li onclick="changeTab('1')"><a href="javascript:;"><i class="fa fa-caret-right" aria-hidden="true"></i>联系方式</a></li>
						</ul>
					</div>
				</div>
				<div class="right-content" id="tabCon">
					<div id="tabCon_0">
						<div class="pos">
							<span class="right-title">在线留言</span>
							<span class="pos-words" >您目前的位置：<a href="javascript:;"><span style="padding-right: 5px;">联系我们</span></a>&gt;<span style="padding-left: 5px;">在线留言</span></span>
							<div class="bottom"></div>
						</div>
						<div class="main-words">
							<form action="" method="post" style="display: inline-block;">
								<ul class="message">
									<li>
										<span style="float: left;">留言类别：<font color="red">*</font></span><select name="message-sort">
											<option value="请选择">请选择</option>
											<option value="在线留言">在线留言</option>
										</select>
									</li>
									<li>
										<span >留言内容：<font color="red">*</font></span>
										<textarea style="float: left;" name="message-content" rows="5" cols="30" style="width: 400px;height: 100px;"></textarea>
										<span style="padding-top: 64px;padding-left: 20px;">已输入字符：0 字</span>
									</li>
									<li>
										<span style="float: left;">留&nbsp;&nbsp;言&nbsp;&nbsp;人：<font color="red">*</font></span>
										<input type="text" name="" id="" value="" />
									</li>
									<li>
										<span style="float: left;">您的邮箱：<font color="red">*</font></span>
										<input type="email" name="" id="" value="" />
									</li>
									<li>
										<span style="float: left;">联系电话：<font >&nbsp;&nbsp;</font></span>
										<input type="text" name="" id="" value="" />
									</li>
									<li>
										<span style="float: left;">联系地址：<font >&nbsp;&nbsp;</font></span>
										<input type="text" name="" id="" value="" />
									</li>
									<li>
										<span style="float: left;">验&nbsp;&nbsp;证&nbsp;&nbsp;码：<font color="red">*</font></span>
										<input type="text" name="" id="" value="" />
									</li>
									<li>
										<input style="margin-left: 100px;color: white; background-color: #CC3A34; height: 30px;" type="submit" name="sub" id="sub" value="发表留言" />
									</li>
								</ul>
							</form>
							<div style="padding-top: 3px;">
								<p style="text-align: center;">
									<img src="img/oper-noinfo.gif" alt="">
									<span style="    position: relative;top: -12px;">暂时没有留言记录</span>
								</p>
							</div>
						</div>
					</div>
					<div id="tabCon_1">
						<div class="pos">
							<span class="right-title">联系方式</span>
							<span class="pos-words" >您目前的位置：<a href="javascript:;"><span style="padding-right: 5px;">联系我们</span></a>&gt;<span style="padding-left: 5px;">联系方式</span></span>
							<div class="bottom"></div>
						</div>
						<div class="main-words">
							<p style="line-height: 2em;">
							地址：中国广东省珠海经济特区香洲区兴华路176号3栋　　<br>
							邮编：519015<br>
							电话：0756-6880000　　<br>
							传真：0756-6880000<br>
							网址:&nbsp; <a href="javascript:;">www.TaiSanShenTu.com</a><br>
							邮箱：<a href="javascript:;">office@TaiSanShenTu.com</a><br>
							&nbsp;
							</p>
							<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
	    					<div class="map" style="background-color: aquamarine;margin-top: -30px;width:697px;height:550px;">
								<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--主体内容结束-->
		<!--底部开始-->
		<div class="footer">
			<div class="content">
				<div class="footer-container">
					<div class="link-menu">
						<a href="javascript:;">首&nbsp;&nbsp;&nbsp;&nbsp;页</a><span class="interval">|</span>
						<a href="javascript:;">关于泰山</a><span class="interval">|</span>
						<a href="javascript:;">新闻资讯</a><span class="interval">|</span>
						<a href="javascript:;">项目展示</a><span class="interval">|</span>
						<a href="javascript:;">诚聘英才</a><span class="interval">|</span>
						<a href="javascript:;">联系我们</a>
					</div>
					<div class="end">
						<p>版权所有：重庆泰山建筑工程施工图审查有限责任公司&nbsp; 地址：重庆市渝北区两江春城办公楼2栋8楼（6#地块）&nbsp; 邮编：519015</p>
						<p>电话：023-67655377&nbsp;&nbsp;023-67603889&nbsp; 传真：023-67655377&nbsp;&nbsp;023-67603889&nbsp; E-mail:office@TaiSanShenTu.com&nbsp; 
						<a href="javascript:;" target="_blank">Powered by www.300.cn</a>&nbsp; <a href="javascript:;" target="_blank">粤ICP备11085443号</a></p>
					</div>
				</div>
			</div>
		</div>
		<!--底部结束-->
	</body>
	<script type="text/javascript">
			$(document).ready(function(){
				listmenu();
			});
			function listmenu(){
				$("#tab>.left-content>ul>li:not(#n0)").hover(function () {
					$("#tab>.left-content>ul>li:not(#n0)").removeClass("current");
					$(this).addClass("current");	
				});
				$("#tab>.left-content>ul>li:not(#n0)").click(function () {
					$("#tab>.left-content>ul>li:not(#n0)").removeClass("current");
					$(this).addClass("current");	
				});
			}
		</script>
</html>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }
    
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(106.772384,29.724706);//定义一个中心点坐标
        map.centerAndZoom(point,11);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
	var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
	map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
	var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
	map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
	var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
	map.addControl(ctrl_sca);
    }
    
    
    initMap();//创建和初始化地图
</script>
